<template>
  <!-- 众筹社区  -->
  <div class="allBox">
    <button @click="goDynamic">动态</button>
    <div class="First_Box_Community"></div>
    <div class="container">
      <div class="body_box">
        <div class="left_box_Community">
          <Img />
          <Topic />
        </div>
        <div class="right_box_Community">
          <Notice />
          <TabControl />
          <Events />
          <SImg />
        </div>
        <Fancy />
      </div>
    </div>
    <!-- </div> -->
  </div>
</template>
<script>
import Img from "./comps/FirstImg/FirstImg";
import Notice from "./comps/Notic/Notice";
import Topic from "./comps/FascinatingTopic/FascinatingTopic";
import TabControl from "./comps/TabControl/TabControl";
import Events from "./comps/Events/Events";
import FamousPeople from "./comps/FamousPeople/FamousPeople";
import Fancy from "./comps/Fancy/Fancy";
import Buttom from "./comps/Buttom/Buttom";
import SImg from "./comps/SecondImg/SecondImg";

export default {
  components: {
    Notice,
    Topic,
    TabControl,
    Events,
    FamousPeople,
    Fancy,
    Buttom,
    Img,
    SImg,
    //  ClubDetails
  },
  methods: {
    goDynamic() {
      this.$router.replace("/front/Dynamic")
    },
  },
};
</script>

<style scoped>
.allBox {
  background-color: #f3f3f3;
  /* margin-top: 5%; */
  width: 100%;
}
.First_Box_Community {
  /* margin-top: 3%; */
  height: 30px;
}
.Img_Notice_right {
  width: 100%;
  margin-top: 20px;
}
.left_box_Community {
  float: left;
  width: 60%;
}
.right_box_Community {
  margin-left: 3%;
  float: left;
  width: 30%;
}
.body_box {
  height: 2190px;
}
</style>
